<script setup>
import { ref } from 'vue';

import Login from '@/components/user/Login.vue';

const active = ref(0);

</script>

<template>
  <div class="box">
    <p>很高兴，再次见到你！</p>
    <var-tabs
      v-model:active="active"
    >
    <var-tab>登录</var-tab>
    <var-tab>关于</var-tab>
  </var-tabs>

  <var-tabs-items v-model:active="active">
    <var-tab-item>
      <div class="login">
        <Login />
      </div>
    </var-tab-item>
    <var-tab-item>
      <div class="about">
        
      </div>
    </var-tab-item>
  </var-tabs-items>
  </div>
</template>

<style scoped>
.box {
  padding: 10px;
  padding-top: 50px;
}
</style>